<!DOCTYPE HTML>
<div xid="window" class="window c6n6rYf" component="$model/UI2/system/components/justep/window/window" design="device:m;" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __cid="c6n6rYf" components="$model/UI2/system/components/justep/model/model,$model/UI2/system/components/justep/loadingBar/loadingBar,$model/UI2/system/components/justep/button/button,$model/UI2/system/components/justep/input/input,$model/UI2/system/components/justep/list/list,$model/UI2/system/components/justep/panel/child,$model/UI2/system/components/justep/panel/panel,$model/UI2/system/components/justep/popOver/popOver,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/button/radio,$model/UI2/system/components/justep/data/data,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/button/buttonGroup,">
  <style>.text-white.c6n6rYf{color: rgb(255, 255, 255)} .text-black.c6n6rYf{color: rgb(33, 33, 33)} .x-titlebar.c6n6rYf{background-color: rgb(255, 68, 0); border: 0} .panel.panel-default.c6n6rYf{margin-bottom: 10px} .panel-heading.c6n6rYf{border-color: rgb(223, 223, 223)} .row.c6n6rYf{margin: 0} .btn.c6n6rYf i.c6n6rYf{font-size: 20px} .tb-noborder.c6n6rYf{border: 0} .tb-img-shop.c6n6rYf{width: 20px; height: 20px} .tb-img-good.c6n6rYf{width: 120px; height: 110px} .x-panel-bottom.c6n6rYf .h4.c6n6rYf{margin: 5px 0; padding-right: 10px; line-height: 48px} .tb-settlement.c6n6rYf{background-color: rgb(253, 80, 1); color: rgb(255, 255, 255); font-size: 16px} .x-popOver-overlay.c6n6rYf{background-color: rgb(0, 0, 0)} .x-popOver-content.c6n6rYf{width: 300px; background-color: rgb(255, 255, 255)}</style>  
  <div component="$model/UI2/system/components/justep/model/model" xid="model" style="display:none" data-bind="component:{name:'$model/UI2/system/components/justep/model/model'}" __cid="c6n6rYf" class="c6n6rYf"></div>  
  <div component="$model/UI2/system/components/justep/popOver/popOver" class="x-popOver c6n6rYf" xid="popOver" data-bind="component:{name:'$model/UI2/system/components/justep/popOver/popOver'}" __cid="c6n6rYf"> 
    <div class="x-popOver-overlay c6n6rYf" xid="div9" __cid="c6n6rYf"></div>  
    <div class="x-popOver-content c6n6rYf" xid="div10" __cid="c6n6rYf"> 
      <div class="x-cards panel-heading c6n6rYf" __cid="c6n6rYf"> 
        <h5 __cid="c6n6rYf" class="c6n6rYf">选择配送方式：</h5> 
      </div>  
      <div class="panel-body c6n6rYf" __cid="c6n6rYf"> 
        <div component="$model/UI2/system/components/justep/list/list" class="x-list c6n6rYf" xid="list2" data-bind="component:{name:'$model/UI2/system/components/justep/list/list'}" data-config="{&#34;data&#34;:&#34;sendData&#34;}" __cid="c6n6rYf"> 
          <ul class="x-list-template hide c6n6rYf" xid="ul1" __cid="c6n6rYf" data-bind="foreach:{data:$model.foreach_list2($element),afterRender:$model.foreach_afterRender_list2.bind($model,$element)}"> 
            <li xid="li2" class="list-group-item tb-noborder c6n6rYf" __cid="c6n6rYf" data-bind="event:{click:$model._callModelFn.bind($model, 'sendLiClick')}"> 
              <span component="$model/UI2/system/components/justep/button/radio" class="x-radio c6n6rYf" checkedValue="1" checked="false" xid="state" data-config="{&#34;checked&#34;:false,&#34;checkedValue&#34;:&#34;1&#34;,&#34;disabled&#34;:false}" data-bind="component:{name:'$model/UI2/system/components/justep/button/radio',value:ref('fState')}" __cid="c6n6rYf">
                <input type="radio" __cid="c6n6rYf" class="c6n6rYf">
                <label __cid="c6n6rYf" class="c6n6rYf"></label>
              </span>  
              <span __cid="c6n6rYf" class="c6n6rYf" data-bind="text:ref('fSendName')"></span>  
              <span __cid="c6n6rYf" class="c6n6rYf" data-bind="text:ref('fCost')"></span> 
            </li> 
          </ul> 
        </div> 
      </div> 
    </div> 
  </div>  
  <div component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full x-card pf358814e0c5b46a9b0c872dfd2e923ba-iosstatusbar c6n6rYf" xid="panel1" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}" __cid="c6n6rYf"> 
    <div class="x-panel-top c6n6rYf" xid="top1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="c6n6rYf"> 
      <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar c6n6rYf" xid="titleBar" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" __cid="c6n6rYf"> 
        <div class="x-titlebar-left c6n6rYf" xid="left1" __cid="c6n6rYf">
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-left text-white c6n6rYf" xid="button1" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:{operation:'window.close'}" data-config="{&#34;icon&#34;:&#34;icon-chevron-left&#34;,&#34;label&#34;:&#34;确认订单&#34;}" __cid="c6n6rYf"> 
            <i xid="i1" class="icon-chevron-left c6n6rYf" __cid="c6n6rYf"></i>  
            <span xid="span1" __cid="c6n6rYf" class="c6n6rYf">确认订单</span> 
          </a>
        </div>  
        <div class="x-titlebar-title c6n6rYf" xid="title1" __cid="c6n6rYf"></div>  
        <div class="x-titlebar-right  c6n6rYf" xid="right1" __cid="c6n6rYf">
          <div class="empty c6n6rYf" __cid="c6n6rYf"></div>
        </div>
      </div>
    </div>  
    <div class="x-panel-content x-cards c6n6rYf" xid="content1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="c6n6rYf"> 
      <div component="$model/UI2/system/components/justep/panel/panel" class="panel panel-default x-card tb-noborder media pc829f17619f14e9d884417567224b82a-iosstatusbar c6n6rYf" xid="panel2" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}" __cid="c6n6rYf"> 
        <div class="media-left media-middle c6n6rYf" __cid="c6n6rYf"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-icon text-black c6n6rYf" xid="button3" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;icon-ios7-location&#34;,&#34;label&#34;:&#34;button&#34;}" __cid="c6n6rYf"> 
            <i xid="i3" class="icon-ios7-location c6n6rYf" __cid="c6n6rYf"></i>  
            <span xid="span7" __cid="c6n6rYf" class="c6n6rYf"></span> 
          </a> 
        </div>  
        <div class="media-body c6n6rYf" __cid="c6n6rYf"> 
          <h4 class="text-black c6n6rYf" __cid="c6n6rYf">收货人：张三
            <span xid="span9" class="pull-right c6n6rYf" __cid="c6n6rYf">13758547152</span> 
          </h4>  
          <h5 class="text-black c6n6rYf" __cid="c6n6rYf">收货地址：云南省昆明市高新区昌源北路300号城市新A座1508室</h5>  
          <h5 class="text-warning c6n6rYf" __cid="c6n6rYf">（收货不方便时，可选择代收货服务）</h5> 
        </div>  
        <div class="media-right media-middle c6n6rYf" __cid="c6n6rYf"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-icon text-black c6n6rYf" xid="button4" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;icon-ios7-arrow-forward&#34;,&#34;label&#34;:&#34;button&#34;}" __cid="c6n6rYf"> 
            <i xid="i4" class="icon-ios7-arrow-forward c6n6rYf" __cid="c6n6rYf"></i>  
            <span xid="span8" __cid="c6n6rYf" class="c6n6rYf"></span> 
          </a> 
        </div>  
        <style __cid="c6n6rYf" class="c6n6rYf">.x-panel.pc829f17619f14e9d884417567224b82a-iosstatusbar >.x-panel-top {height: 0px;}.x-panel.pc829f17619f14e9d884417567224b82a-iosstatusbar >.x-panel-content { top: 0px;bottom: nullpx;}.x-panel.pc829f17619f14e9d884417567224b82a-iosstatusbar >.x-panel-bottom {height: nullpx;}.iosstatusbar .x-panel.pc829f17619f14e9d884417567224b82a-iosstatusbar >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pc829f17619f14e9d884417567224b82a-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel.pc829f17619f14e9d884417567224b82a-iosstatusbar >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pc829f17619f14e9d884417567224b82a-iosstatusbar >.x-panel-content { top: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pc829f17619f14e9d884417567224b82a-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pc829f17619f14e9d884417567224b82a-iosstatusbar >.x-panel-content {top: 0px;}</style>
      </div>  
      <div component="$model/UI2/system/components/justep/panel/panel" class="panel panel-default tb-noborder x-card x-tuniu pfd7fff12acbd4093b589a6482a8d8f5f-iosstatusbar c6n6rYf" xid="panel3" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}" __cid="c6n6rYf"> 
        <div component="$model/UI2/system/components/justep/list/list" class="x-list c6n6rYf" xid="shopList" dataItemAlias="shopRow" data-bind="component:{name:'$model/UI2/system/components/justep/list/list'}" data-config="{&#34;autoLoad&#34;:true,&#34;data&#34;:&#34;shopData&#34;,&#34;disableInfiniteLoad&#34;:true,&#34;disablePullToRefresh&#34;:true,&#34;limit&#34;:1}" __cid="c6n6rYf"> 
          <ul class="x-list-template x-min-height hide c6n6rYf" xid="listTemplateUl1" componentname="$UI/system/components/justep/list/list#listTemplateUl" id="undefined_listTemplateUl1" __cid="c6n6rYf" data-bind="foreach:{data:$model.foreach_shopList($element),afterRender:$model.foreach_afterRender_shopList.bind($model,$element),as:'shopRow'}"> 
            <li xid="li1" class="tb-noborder c6n6rYf" __cid="c6n6rYf"> 
              <div class="panel-body c6n6rYf" __cid="c6n6rYf"> 
                <img src="" alt="" xid="image3" class="img-circle tb-img-shop c6n6rYf" __cid="c6n6rYf" data-bind="attr:{src:$model.getImageUrl(val(&#34;fShopImg&#34;))}">  
                <span class="text-black c6n6rYf" __cid="c6n6rYf" data-bind="text:ref('fShopName')"></span> 
              </div>  
              <div component="$model/UI2/system/components/justep/list/list" class="x-list c6n6rYf" xid="list4" data-bind="component:{name:'$model/UI2/system/components/justep/list/list'}" data-config="{&#34;data&#34;:&#34;goodsData&#34;,&#34;disableInfiniteLoad&#34;:true,&#34;disablePullToRefresh&#34;:true,&#34;filter&#34;:&#34;$row.val('fShopID')==shopRow.val('id')&#34;,&#34;limit&#34;:1}" __cid="c6n6rYf"> 
                <ul class="x-list-template x-min-height hide c6n6rYf" xid="listTemplateUl4" componentname="$UI/system/components/justep/list/list#listTemplateUl" id="undefined_listTemplateUl4" __cid="c6n6rYf" data-bind="foreach:{data:$model.foreach_list4($element),afterRender:$model.foreach_afterRender_list4.bind($model,$element)}"> 
                  <li xid="li4" class="panel-body media c6n6rYf" componentname="li(html)" id="undefined_li4" __cid="c6n6rYf"> 
                    <div class="media-left c6n6rYf" __cid="c6n6rYf"> 
                      <img src="" alt="" xid="image4" class="tb-img-good c6n6rYf" __cid="c6n6rYf" data-bind="attr:{src:$model.getImageUrl(val(&#34;fImg&#34;))}"> 
                    </div>  
                    <div class="media-body c6n6rYf" __cid="c6n6rYf"> 
                      <span class="text-black h5 c6n6rYf" xid="span33" __cid="c6n6rYf" data-bind="text:ref('fTitle')"></span>  
                      <div class="text-muted c6n6rYf" xid="div1" __cid="c6n6rYf"> 
                        <span xid="span34" __cid="c6n6rYf" class="c6n6rYf">颜色：</span>  
                        <span xid="span35" __cid="c6n6rYf" class="c6n6rYf" data-bind="text:ref('fColor')"></span>  
                        <span xid="span36" __cid="c6n6rYf" class="c6n6rYf">；</span>  
                        <span xid="span37" __cid="c6n6rYf" class="c6n6rYf">尺寸：</span>  
                        <span xid="span38" __cid="c6n6rYf" class="c6n6rYf" data-bind="text:ref('fSize')"></span> 
                      </div>  
                      <div class="text-muted c6n6rYf" xid="div2" __cid="c6n6rYf"> 
                        <span xid="span32" class="text-danger c6n6rYf" __cid="c6n6rYf">￥</span>  
                        <span xid="span21" class="h4 text-danger c6n6rYf" __cid="c6n6rYf" data-bind="text:ref('fPrice')"></span> 
                      </div>  
                      <div class="numberOperation c6n6rYf" xid="div3" __cid="c6n6rYf"> 
                        <span class="pull-right text-black h4 c6n6rYf" xid="span39" __cid="c6n6rYf" data-bind="text:ref('fNumber')"></span>  
                        <span class="pull-right text-black h4 c6n6rYf" xid="span40" __cid="c6n6rYf">x</span> 
                      </div> 
                    </div> 
                  </li> 
                </ul> 
              </div> 
            </li> 
          </ul> 
        </div>  
        <div __cid="c6n6rYf" class="c6n6rYf"> 
          <div class="panel-heading c6n6rYf" __cid="c6n6rYf" data-bind="event:{click:$model._callModelFn.bind($model, 'sendClick')}"> 
            <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-xs btn-only-icon pull-right c6n6rYf" xid="button2" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;icon-ios7-arrow-right&#34;,&#34;label&#34;:&#34;button&#34;}" __cid="c6n6rYf"> 
              <i class="icon-ios7-arrow-right text-muted c6n6rYf" __cid="c6n6rYf"></i>  
              <span xid="span12" __cid="c6n6rYf" class="c6n6rYf"></span> 
            </a>  
            <span class="pull-right text-muted c6n6rYf" xid="sendTitle" __cid="c6n6rYf">快递 免邮</span>  
            <span xid="span6" __cid="c6n6rYf" class="c6n6rYf">配送方式</span> 
          </div>  
          <div class="panel-heading c6n6rYf" __cid="c6n6rYf"> 
            <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-xs btn-only-icon pull-right c6n6rYf" xid="button5" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;icon-ios7-arrow-right&#34;,&#34;label&#34;:&#34;button&#34;}" __cid="c6n6rYf"> 
              <i class="icon-ios7-arrow-right text-muted c6n6rYf" xid="i7" __cid="c6n6rYf"></i>  
              <span xid="span13" __cid="c6n6rYf" class="c6n6rYf"></span> 
            </a>  
            <span xid="span10" __cid="c6n6rYf" class="c6n6rYf">运费险</span> 
          </div>  
          <div class="panel-heading c6n6rYf" __cid="c6n6rYf"> 
            <div class="media-left media-middle c6n6rYf" __cid="c6n6rYf"> 
              <span class="x-flex c6n6rYf" style="width:80px;" __cid="c6n6rYf">买家留言：</span> 
            </div>  
            <div class="media-body c6n6rYf" __cid="c6n6rYf"> 
              <input component="$model/UI2/system/components/justep/input/input" class="form-control input-sm tb-noborder text-muted c6n6rYf" xid="input1" data-bind="component:{name:'$model/UI2/system/components/justep/input/input'},value:'选填，可填写您和卖家达成的协议'" __cid="c6n6rYf"> 
            </div> 
          </div>  
          <div class="panel-heading text-right c6n6rYf" __cid="c6n6rYf" data-bind="text:'共1件商品'"></div> 
        </div>  
        <style __cid="c6n6rYf" class="c6n6rYf">.x-panel.pfd7fff12acbd4093b589a6482a8d8f5f-iosstatusbar >.x-panel-top {height: 0px;}.x-panel.pfd7fff12acbd4093b589a6482a8d8f5f-iosstatusbar >.x-panel-content { top: 0px;bottom: nullpx;}.x-panel.pfd7fff12acbd4093b589a6482a8d8f5f-iosstatusbar >.x-panel-bottom {height: nullpx;}.iosstatusbar .x-panel.pfd7fff12acbd4093b589a6482a8d8f5f-iosstatusbar >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pfd7fff12acbd4093b589a6482a8d8f5f-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel.pfd7fff12acbd4093b589a6482a8d8f5f-iosstatusbar >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pfd7fff12acbd4093b589a6482a8d8f5f-iosstatusbar >.x-panel-content { top: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pfd7fff12acbd4093b589a6482a8d8f5f-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pfd7fff12acbd4093b589a6482a8d8f5f-iosstatusbar >.x-panel-content {top: 0px;}</style>
      </div> 
    </div>  
    <div class="x-panel-bottom c6n6rYf" xid="bottom1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="c6n6rYf"> 
      <div __cid="c6n6rYf" class="c6n6rYf"> 
        <div class="col col-xs-8 c6n6rYf" xid="col7" __cid="c6n6rYf"> 
          <div class="h4 text-right c6n6rYf" xid="div4" __cid="c6n6rYf"> 
            <span xid="span15" class="text-muted c6n6rYf" __cid="c6n6rYf">合计：</span>  
            <span xid="span17" class="text-danger c6n6rYf" __cid="c6n6rYf">￥56</span> 
          </div> 
        </div>  
        <div class="col col-xs-4 tb-settlement c6n6rYf" xid="col6" __cid="c6n6rYf"> 
          <div component="$model/UI2/system/components/justep/button/buttonGroup" class="btn-group btn-group-justified c6n6rYf" xid="buttonGroup1" data-bind="component:{name:'$model/UI2/system/components/justep/button/buttonGroup'}" data-config="{&#34;tabbed&#34;:true}" __cid="c6n6rYf"> 
            <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-lg btn-only-label text-white c6n6rYf" xid="confirmBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:confirmBtnClick" data-config="{&#34;label&#34;:&#34;确认&#34;}" __cid="c6n6rYf"> 
              <i xid="i2" __cid="c6n6rYf" class="c6n6rYf"></i>  
              <span xid="span2" __cid="c6n6rYf" class="c6n6rYf">确认</span> 
            </a> 
          </div> 
        </div> 
      </div> 
    </div>  
    <style __cid="c6n6rYf" class="c6n6rYf">.x-panel.pf358814e0c5b46a9b0c872dfd2e923ba-iosstatusbar >.x-panel-top {height: 48px;}.x-panel.pf358814e0c5b46a9b0c872dfd2e923ba-iosstatusbar >.x-panel-content { top: 48px;bottom: nullpx;}.x-panel.pf358814e0c5b46a9b0c872dfd2e923ba-iosstatusbar >.x-panel-bottom {height: nullpx;}.iosstatusbar .x-panel.pf358814e0c5b46a9b0c872dfd2e923ba-iosstatusbar >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pf358814e0c5b46a9b0c872dfd2e923ba-iosstatusbar >.x-panel-top {height: 68px;}.iosstatusbar .x-panel.pf358814e0c5b46a9b0c872dfd2e923ba-iosstatusbar >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pf358814e0c5b46a9b0c872dfd2e923ba-iosstatusbar >.x-panel-content { top: 68px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pf358814e0c5b46a9b0c872dfd2e923ba-iosstatusbar >.x-panel-top {height: 48px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pf358814e0c5b46a9b0c872dfd2e923ba-iosstatusbar >.x-panel-content {top: 48px;}</style>
  </div> 
</div>